<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<link rel="stylesheet" href="${ctx}/css/page/header2.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/leftList.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/jiaofei.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/tinchefei.css" type="text/css">	
<link rel="stylesheet" href="${ctx}/css/page/footer.css" type="text/css">
</head>
<style>
        .change-p{border-radius:5px;}
        .change-p .layui-layer-title{height:50px;background:#7ECFE0;line-height:50px;color:#fff;font-size:17px;text-align:center;border-radius:5px 5px 0 0;}
        .change-p .layui-layer-setwin .layui-layer-close1{width:25px;height:25px;} .change-p .layui-layer-setwin{top:13px;}
        .change-p .layui-layer-btn{padding:20px 0;}
        .change-p .layui-layer-btn0 {height:35px;border:1px solid #E5E5E5;width:50px;line-height:35px;background:#7ECFE0;margin:0 15px}
        .change-p .layui-layer-btn1 {height:35px;border:1px solid #E5E5E5;width:50px;line-height:35px;background:#FAFAFA;color:#808080;margin:0 15px}
        .contentbox1 .rightlist{
            background:none;
        }
        .delete{border-radius:5px;width:320px;height:200px;}
		.delete .layui-layer-title{height:50px;background:#7ECFE0;line-height:50px;color:#fff;font-size:17px;text-align:center;border-radius:5px 5px 0 0;}
		.delete .layui-layer-setwin{top:15px;} .delete .layui-layer-btn a{height:35px;width:50px;line-height:35px;border-radius:2px;}.delete .layui-layer-btn0{background:#7ECFE0};
		.delete .layui-layer-btn1 .layui-layer-btn{background:#F5F3F4}.delete .layui-layer-content {font-size:15px;height:60px;}
</style>
<body>
	<script type="text/javascript">
	var ctx = '${ctx}';
    setCtx(ctx);
    function setCtx(ctx){
        this.ctx = ctx;
    }
	</script>
	<jsp:include page="/views/common/head_main.jsp" />
	<div class="bg">
	<input type="hidden" id="item" value="${sessionScope.item_property}"/>
		<div class="contentbox contentbox1">
			<div class="padd1" style="min-height: 725px;">
				<div class="left-list">
					<ul>
						<li class="all"><a href=""><img class="font-icon"
								src="${ctx }/images/xqtz/xq7.png" />全部<span
								class="fuhao fh-color">∨</span></a></li>
								<c:if test="${displayFeeBill == 1}">
						<li class="sub-list"><a href="${ctx}/propertyBill/getMyBill"><img
								class="font-icon" src="${ctx }/images/xqtz/xq9.png" />物业费<span
								class="fuhao">＞</span></a></li></c:if>
								<c:if test="${displayCar == 1}">
						<li class="sub-list"><a href="${ctx}/carBill/getCarManage"><img
								class="font-icon" src="${ctx }/images/xqtz/xq8.png" />停车费<span
								class="fuhao">＞</span></a></li></c:if>
						<%-- <li class="sub-list"><a href=""><img class="font-icon"
								src="${ctx }/images/xqtz/xq9.png" />水电费<span class="fuhao">＞</span></a></li> --%>
						<li class="sub-list"><a
							href="${ctx}/propertyRepair/goToEditPage"><img
								class="font-icon" src="${ctx }/images/xqtz/xq9.png" />物业报修<span
								class="fuhao">＞</span></a></li>
						<li class="sub-list"><a
							href="${ctx}/propertySuggestion/goToEditPage"><img
								class="font-icon" src="${ctx }/images/xqtz/xq9.png" />物业投诉<span
								class="fuhao">＞</span></a></li>
					</ul>
				</div>
				<div class="rightbox">
					<img src="${ctx }/images/wuye/wy1.png">
					
						<div class="nav-car-list">
							<ul>
								<li onclick="gotoCarManage();">
								<img src="${ctx }/images/wuye/clgl1.png" />车辆管理
									<div id="manage" class="bottom-box "></div></li>
								<li onclick="gotoCarBillRemind();">
								<img src="${ctx }/images/wuye/wy3.png" />到期提醒
									<div  id="remind" class="bottom-box "></div></li>
								<li onclick="gotoPayCarBill();"><img
									src="${ctx }/images/wuye/wy2.png" />我要缴费
									<div  id="pay" class="bottom-box "><input type="hidden" value="${payCarBill}" id="payCarBill"/></div></li>
								<li onclick="gotoBillRecords();"><img
									src="${ctx }/images/wuye/wy4.png" />缴费记录
									<div  id="record" class="bottom-box"></div></li>
							</ul>
						</div>
						<div id="first">
							<div class="payment-info-box">
									<div class="userbox">
										<ul>
											<li class="user-li">
												<div class="pic-box">
													<!-- 通知logo -->
                                            <c:if test="${not empty user.logo}">
                                                    <img class="picradio" src="${sessionScope.image_logo}${user.logo}"/>
                                            </c:if>
                                            <!-- 默认通知logo -->
                                            <c:if test="${empty user.logo}">
                                               <img src="${ctx }/images/wuye/clgl5.png"/>
                                            </c:if> 
												</div>
												<span class="username">${user.username}</span>
											</li>
											<li class="add-car" onclick="Editcar()">
												<img src="${ctx }/images/wuye/clgl2.png" />
												添加车辆
											</li>
											<li class="jiechu" onclick="deleteCars()">
												<img src="${ctx }/images/wuye/clgl3.png" />
												解除绑定
											</li>
										
										</ul>
									</div>	
								<c:forEach items="${cellHouses}" var="item" varStatus="itemStatus"> 
									<div class="box-wrap">
										<p><img src="${ctx }/images/wuye/clgl4.png">
										${item.cellName}${item.regionName}${item.buildingName}${item.unitName}${item.name}
										</p>
										<ul>
										  <c:forEach items="${item.carList}" var="item1" varStatus="itemStatus">
											<li>
											<input type="checkbox" name="carsChecked" id="${item1.carNo}" class="cheack-box"/>
											<input class="input-t"type="text" value="${item1.carNo}">
											</li>
										</c:forEach>
										</ul>
									</div>
                                </c:forEach>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
    <div id="returnAli"></div>
	<jsp:include page="/views/common/footer.jsp" />
	<script src="${ctx}/js/controllers/property/feebill/carBillManage.js" type="text/javascript"></script>
	<script type="text/javascript">
	function Editcar(){
	    msg = "添加车辆";
	    url = ctx+ "/carBill/selectPk";
	    index = layer.open({
	        type: 2,
	        skin: 'change-p',
	        title: msg,
	        fix: false,
	        shadeClose: true,
	        scrollbar: false,
	        maxmin: false,
	        edit: true,
	        closeBtn: 1,
	        area: ['480px', '300px'],
	        content: url,
	        btn: ['确定', '取消']
	            ,yes: function(index, layero){ //或者使用btn1
	                //按钮【按钮一】的回调
	                var iframeWin = window[layero.find('iframe')[0]['name']]; 
	                iframeWin.save();

	            },cancel: function(index){ //或者使用btn2
	                //按钮【按钮二】的回调
	            }
	        });
	}	
	</script>
</body>
</html>